<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>作业</title>
</head>

<body>

  <div id="app">
    <div>{{title}}</div>
    <div>
      <!-- @change是下拉列表选中值变化触发 -->
      班级：
      <select v-model="cid" @change="queryStudentByClass">
        <option v-for="d in clist" :value="d.cid">
          {{d.cname}}
        </option>
      </select>
      学生:
      <select v-model="sid">
        <option v-for="d in slist" :value="d.sid">
          {{d.sname}}
        </option>
      </select>

      {{cid}}
      ===
      {{sid}}
      ==
      {{cname}}
      ==
      {{StudentByClass}}
      选中的信息:{{cname.cname}}

    </div>
  </div>

  <div id="ap">
    <div>{{title}}</div>
    <div>
      <!-- @change是下拉列表选中值变化触发 -->
      部门：
      <select v-model="deptId" @change="queryEmployeeByDept">
        <option v-for="a in dlist" :value="a.deptId">
          {{a.deptName}}
        </option>
      </select>
      员工:
      <select v-model="employeeId">
        <option v-for="a in blist" :value="a.employeeId">
          {{a.employeeName}}
        </option>
      </select>

      {{deptId}}
      ===
      {{employeeId}}
      ==
      {{deptName}}
      ==
      {{EmployeeByDept}}
      选中的信息:{{deptName.deptName}}

    </div>
  </div>



  <script src="lib/axios.min.js"></script>
  <script src="lib/qs.min.js"></script>
  <script src="lib/spark-md5.min.js"></script>
  <script src="lib/vue.min.js"></script>
  <script src="js/ajax.js"></script>

  <script src="js/index.js"></script>

</body>

</html>